.list-con{
	
}
.bgfff{
	background: #fff;
}
.section i{
	font-style: normal;
}
.list-con .mui-table-view-cell span{
	width: 33.33%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	font-size: 14px;
}
.listhead{
	background: #f0f0f0;
	color: #646464;
}
.list-con .mui-table-view-cell{
	color: #646464;
	height: 40px;;
	padding: 0px 10px;
	line-height: 40px;
}
.list-con  .mui-table-view-cell:after{
	background-color: transparent;
}
.list-con-top .mui-table-view-cell{
	height: 45px;
	line-height: 45px;
}
.list-con-top .mui-table-view-cell span{
	height: 45px;
	line-height: 45px;
	font-size: 16px;
}
.list-con .mui-table-view-cell.mui-active{
	background-color: #fff;
}
.list-con .listhead.mui-active{
	background-color: #f0f0f0;
}
.list-con button{
	height: 40px;
    width: 70px;
    border-radius: 0px;
    float: right;
   
}
.list-con .mui-btn-primary{
	background: #44c3f0;
    border: 1px solid #44c3f0;
    /* border-bottom-color: #fff; */
}
.list-con .k-btn-light{
	background: #abdef1;
    border: 1px solid #abdef1;
    /* border-bottom-color: #fff; */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 90;
     
}
 .mui-btn-primary.mui-active:enabled, .mui-btn-primary:enabled:active{
 	background: #abdef1;
    border: 1px solid #abdef1;
    /* border-bottom-color: #fff; */
 }
.list-con-top i{
	font-style: normal;
	color: #d9d9d9;
}
.list-con:after{
	background-color: transparent ;
}

.cn-wrapper{
	width: 180px;
	height: 180px;
	right: -30px;
	top: -70px;
	margin-top: 0px;
	/*border: 1px solid #ddd;*/
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transform: rotate(-90deg) scale(0.01) ;
	-moz-transform: rotate(-90deg) scale(0.01)  ;
	transform: rotate(-90deg) scale(0.01) ;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	z-index: 101;
}
.cn-wrapper li{
	width: 90px;
	height: 90px;
	position: absolute;
	-moz-transform-origin: bottom right; 
	-webkit-transform-origin: bottom right; 
	transform-origin: bottom right; 
	border: 1px solid #fff;
	overflow: hidden;
	background: #5fd4ff;
	transition: 0.5s;
}
.cn-wrapper li:hover{
	background: #18b4ed;
}
.cn-wrapper li a:hover{
	
	text-decoration: none;
}
.cn-wrapper li a{
	-webkit-transform-origin: center center; 
	-moz-transform-origin: center center; 
	transform-origin: center center; 
	display: inline-block;
	position: absolute;
	height: 135px;
	width: 120px;
	bottom: -60px;
	right: -60px;
	color: #fff;
	text-align: center;
	
	border-radius: 50%;
	transition: 0.5s;
	text-decoration: none;
	font-size: 12px;
	padding-top: 15px;
}
.k-mark{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0,0,0,.5);
    display: none;
}
.circlecon{
	position: fixed;
	width: 200px;
	height: 250px;
	top: 30%;
	left: 50%;
	margin-left: -100px;
	z-index: 999;
}
.circlebtn{
	display: block;
	margin: 20px auto;
	border: 1px solid #3ecbff;
}
.bgcurrent{
	background: #ddd;
}

.mui-table-view-cell{
	overflow: visible;
}
.list-con .drawcircle{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}